<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>

    <title>Password Management Links Fragment</title>
    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
</head>

<body>
<div class="my-2" id="pmlinks" th:fragment="pmlinks">
    <form id="passwordManagementForm" method="post" th:if="${passwordManagementEnabled}">
        <input name="execution" th:value="${flowExecutionKey}" type="hidden"/>
        <input name="_eventId" type="hidden" value="resetPassword"/>
        <span class="fa fa-unlock"></span>
        <a href="javascript:void(0)" onclick="document.getElementById('passwordManagementForm').submit();"
           th:utext="#{screen.pm.button.resetPassword}"/>
    </form>

    <form id="passwordManagementUserForm" method="post" th:if="${passwordManagementEnabled}">
        <input name="execution" th:value="${flowExecutionKey}" type="hidden"/>
        <input name="_eventId" type="hidden" value="forgotUsername"/>
        <span class="fa fa-unlock"></span>
        <a href="javascript:void(0)" onclick="document.getElementById('passwordManagementUserForm').submit();"
           th:utext="#{screen.pm.button.forgotUsername}"/>
    </form>

    <div th:unless="${passwordManagementEnabled}">
        <br/>
        <span class="fa fa-question-circle"></span>
        <span th:utext="#{screen.pm.button.forgotpwd('https://pwd.example.org')}">Forgot your password?</span>
    </div>
</div>
</body>

</html>